@charset "UTF-8";
/*淘宝响应式框架转rem*/
/*rem并不适合用到段落文本上,使用px*/
/*dpr 为3 的时候 换高清图*/
html, body {
  height: 100%;
  overflow: hidden;
  background: #f2f2f2;
  position: relative; }

* {
  text-decoration: none; }

.kuang {
  display: flex;
  padding: 0px 0.5333333333rem; }
  .kuang .box {
    width: 100%; }
    .kuang .box header {
      width: 100%;
      /*text-align: center;*/
      padding: 0.4rem 0px;
      font-size: 12px;
      color: #666; }
      [data-dpr="2"] .kuang .box header {
        font-size: 24px; }
      [data-dpr="3"] .kuang .box header {
        font-size: 36px; }
      .kuang .box header i:nth-child(1) {
        margin-right: 0.1333333333rem;
        color: #ff6562; }
      .kuang .box header i:nth-child(2) {
        padding: 0px 0.1333333333rem;
        color: #14a5f9; }
    .kuang .box .fucen {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999;
      background: rgba(0, 0, 0, 0.4);
      display: none; }
      .kuang .box .fucen .beijing {
        width: 7.5066666667rem;
        height: 7.8666666667rem;
        background: #fff;
        border-radius: 10px;
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999999999; }
        .kuang .box .fucen .beijing .fucen-top {
          /*width:100%;*/
          position: relative;
          height: 3.6rem;
          background-image: url(../qu_zhifu_img/图层-0@2x.png);
          background-repeat: no-repeat;
          background-size: 100%;
          background-position: center;
          border-top-left-radius: 0.1333333333rem;
          border-top-right-radius: 0.1333333333rem; }
          .kuang .box .fucen .beijing .fucen-top img {
            position: absolute;
            top: 0.48rem;
            right: 0.4533333333rem; }
        .kuang .box .fucen .beijing p {
          font-size: 13px;
          color: #333;
          text-align: center; }
          [data-dpr="2"] .kuang .box .fucen .beijing p {
            font-size: 26px; }
          [data-dpr="3"] .kuang .box .fucen .beijing p {
            font-size: 39px; }
        .kuang .box .fucen .beijing p:nth-child(2) {
          margin: 0.6666666667rem 0 0.24rem !important; }
        .kuang .box .fucen .beijing .btn1 {
          margin: 0.8rem auto;
          width: 4.5866666667rem;
          height: 1.0666666667rem;
          font-size: 14px;
          text-align: center;
          line-height: 1.0666666667rem;
          color: #fff;
          background: #14a5fb;
          border-radius: 0.5866666667rem;
          box-shadow: 0px 13px 30px 0px rgba(20, 164, 251, 0.44); }
          [data-dpr="2"] .kuang .box .fucen .beijing .btn1 {
            font-size: 28px; }
          [data-dpr="3"] .kuang .box .fucen .beijing .btn1 {
            font-size: 42px; }
    .kuang .box section {
      width: 100%;
      overflow: hidden; }
      .kuang .box section .swiper-container1 {
        width: 100%;
        position: relative;
        background: #fff;
        border-radius: 0.1333333333rem; }
        .kuang .box section .swiper-container1 .swiper-wrapper {
          border-radius: 0.1333333333rem; }
          .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column; }
            .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top {
              display: flex;
              border-top-left-radius: 0.1333333333rem;
              border-top-right-radius: 0.1333333333rem;
              padding: 0.2666666667rem 0.4rem;
              background: #fff;
              justify-content: space-between;
              align-items: center;
              border-bottom: 0.0133333333rem solid #e3e3e3; }
              .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top .wupin {
                font-size: 16px;
                font-weight: bold;
                color: #333; }
                [data-dpr="2"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top .wupin {
                  font-size: 32px; }
                [data-dpr="3"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top .wupin {
                  font-size: 48px; }
              .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top .pic {
                width: 1.3333333333rem;
                height: 1.3333333333rem; }
                .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-top .pic img {
                  width: 100%;
                  height: 100%;
                  border-radius: 0.1333333333rem; }
            .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul {
              display: flex; }
              .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul {
                padding: 0.5333333333rem 0.4rem;
                width: 100%;
                border-bottom: 0.0133333333rem dashed #e3e3e3; }
                .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li {
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  font-size: 14px;
                  margin-bottom: 0.4266666667rem; }
                  [data-dpr="2"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li {
                    font-size: 28px; }
                  [data-dpr="3"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li {
                    font-size: 42px; }
                  .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li span:nth-child(1) {
                    color: #333; }
                  .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li span:nth-child(2) {
                    color: #666; }
                .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li:nth-child(6) a {
                  width: 100%;
                  display: flex;
                  justify-content: space-between; }
                  .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li:nth-child(6) a span:nth-child(2) {
                    font-weight: bold;
                    color: #ff6463; }
                .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li:nth-child(7) {
                  margin-bottom: 0px; }
                  .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-ul ul li:nth-child(7) span:nth-child(2) {
                    font-weight: bold;
                    color: #14a5fb; }
            .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-bottom {
              width: 100%;
              padding: 0.3733333333rem 0px;
              text-align: center;
              font-size: 12px;
              color: #ff6465; }
              [data-dpr="2"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-bottom {
                font-size: 24px; }
              [data-dpr="3"] .kuang .box section .swiper-container1 .swiper-wrapper .swiper-slide .section-bottom {
                font-size: 36px; }
        .kuang .box section .swiper-container1 .swiper-pagination {
          bottom: -0.5333333333rem; }
      .kuang .box section .diandi {
        width: 100%;
        height: 0.88rem;
        background: #f2f2f2; }
    .kuang .box footer {
      padding: 0.6666666667rem 0.9333333333rem;
      background: #fff;
      border-radius: 0.1333333333rem; }
      .kuang .box footer .footer {
        width: 100%; }
        .kuang .box footer .footer h1 {
          font-size: 24px;
          font-weight: bold;
          color: #343434;
          width: 100%;
          text-align: center;
          margin-bottom: 0.4rem; }
          [data-dpr="2"] .kuang .box footer .footer h1 {
            font-size: 48px; }
          [data-dpr="3"] .kuang .box footer .footer h1 {
            font-size: 72px; }
        .kuang .box footer .footer p {
          width: 100%;
          font-size: 12px;
          color: #979797;
          line-height: 0.4266666667rem;
          text-align: center; }
          [data-dpr="2"] .kuang .box footer .footer p {
            font-size: 24px; }
          [data-dpr="3"] .kuang .box footer .footer p {
            font-size: 36px; }
          .kuang .box footer .footer p i {
            color: #fc6464; }
    .kuang .box .bottom {
      width: 100%; }
      .kuang .box .bottom .zhifu {
        margin: 0.5333333333rem auto;
        padding: 0.3733333333rem;
        width: 7.6533333333rem;
        font-size: 16px;
        text-align: center;
        color: #fff;
        background: #14a5fb;
        border-radius: 0.5866666667rem;
        box-shadow: 0px 13px 30px 0px rgba(20, 164, 251, 0.44); }
        [data-dpr="2"] .kuang .box .bottom .zhifu {
          font-size: 32px; }
        [data-dpr="3"] .kuang .box .bottom .zhifu {
          font-size: 48px; }

.fucen {
  width: 100%;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4); }
  .fucen .beijing {
    width: 536px;
    height: 590px;
    background: red;
    border-radius: 10px;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999; }

/*<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>*/
.swiper-pagination-bullet {
  width: 0.2933333333rem !important;
  height: 0.2933333333rem !important;
  background: #d4d4d4 !important; }

.swiper-pagination-bullet-active {
  background: #8ccef6 !important; }

/*<div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>*/
.diandi {
  position: relative !important; }

.swiper-pagination-bullets {
  /*margin: 0 auto !important; */
  position: absolute !important;
  transform: translateY(40%) !important; }
